<template>
    <div>
        <select :value="cityId" @change="handleChange">
            <!-- v-model 不能和props传过来的数据绑定 -->
            <option value="101">北京</option>
            <option value="102">上海</option>
            <option value="103">武汉</option>
            <option value="104">深圳</option>
            <option value="105">广州</option>
        </select>
    </div>
</template>
<script>
export default{
   props:{
    cityId:String,
   },
   methods:{
    handleChange(e){
        console.log(e.target.value)
        this.$emit('changeId',e.targe.value)
    }
   }
}
</script>
<style></style>